<template>
    <el-row>
        <el-col :span="24" style="text-align: left">
            <!--<el-button icon="el-icon-search" circle></el-button>-->

            <!--<el-button type="primary" icon="el-icon-edit" circle></el-button>-->
            <!--<el-button type="success" icon="el-icon-check" circle></el-button>-->
            <el-button type="success" icon="el-icon-plus" circle></el-button>
            <!--<el-button type="info" icon="el-icon-message" circle></el-button>-->
            <!--<el-button type="warning" icon="el-icon-star-off" circle></el-button>-->
            <el-button type="danger" icon="el-icon-delete" circle></el-button>
            <el-button icon="el-icon-refresh" circle></el-button>
        </el-col>
    </el-row>
</template>

<script>
    export default {
        name: "el-bar"
    }
</script>

<style lang="scss" scoped>

    .el-row {
        margin-bottom: 5px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .el-col {
        border-radius: 4px;
    }
    .bg-purple-dark {
        background: #99a9bf;
    }
    .bg-purple {
        background: #d3dce6;
    }
    .bg-purple-light {
        background: #e5e9f2;
    }
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }
    .row-bg {
        padding: 10px 0;
        background-color: #f9fafc;
    }

</style>
